<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.js"></script>	
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
</head>
<body>


<div class="header">
	<div class="container">
		<h1><a href="###">kachun</a></h1>
		<ul class="clearfix">
			<li>
				<a href="###">HOME</a>
			</li>
			<li>
				<a href="###">ABOUT US</a>
				<ul>
					<li><a href="###">Enterprise introduction</a></li>
					<li><a href="###">Enterprise history</a></li>
					<li><a href="###">Enterprise video</a></li>
					<li><a href="###">Corporate news</a></li>
					<li><a href="###">International certification</a></li>
					<li><a href="###">Research and development</a></li>
				</ul>
			</li>
			<li>
				<a href="###">PRODUCTION</a>
				<ul>
					<li>
						<a href="###" class="tit">CHINA</a>
						<ul>
							<li><a href="###">Production process</a></li>
							<li><a href="###">Export tariff</a></li>
							<li><a href="###">Live scene</a></li>
						</ul>
					</li>
					<li>
						<a href="###" class="tit">AFRICA</a>
						<ul>
							<li><a href="###">Production process</a></li>
							<li><a href="###">Export tariff</a></li>
							<li><a href="###">Live scene</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<a href="###">PRODUCT</a>
				<ul>
					<li><a href="###">Clothing</a></li>
					<li><a href="###">Reflective Tape</a></li>
				</ul>
			</li>
			<li>
				<a href="###">CONTACT</a>
				<ul>
					<li><a href="###">Contact information</a></li>
					<li><a href="###">Leaving a message</a></li>
				</ul>
			</li>
		</ul>
		<div class="search-box">
			<i class="search"></i>
			<div class="head_form">
				<form action="">
					<input type="text" name="search" placeholder="CERCA...">
					<button>SUBMIT</button>
				</form>
			</div>
		</div>
		
		
		<div class="login_form">
			
			<div class="since"> since&nbsp;1992 </div>
			<div class="left">
				<div class="img-box">
					<img src="images/icon_06.png" alt="">
				</div>
			</div>
			
			<!-- 未登录 -->
			<!-- <form action="" class="right">
				<div class="input-box">
					<div class="name">
						<input type="text" placeholder="Username" name="name">
					</div>
					<div class="pass">
						<input type="text" placeholder="Password" name="password">
					</div>
				</div>
				<div class="btn-box">
					<button>LOGIN</button>
					<a href="###" class="reg">Register</a>
				</div>
			</form> -->
			
			<!-- 登录 -->
			<div class="right">
				
				<h3>Ableson</h3>
				
				<!-- 个人中心 -->
				<a href="###" class="hnumber" >Member Center</a>
				
				<span>Information:0</span>
				
				<!-- 修改个人消息 -->
				<a href="###" class="edit">Edit data</a>
				
			</div>
		</div>
	</div>
</div>


<div class="emp"></div>


<div class="banner other-banner container">
	<img src="images/banner.jpg" alt="">
</div>


<!-- 新闻历史同一个模板 -->
<div class="side">
	<div class="inside main clearfix">
		<h2>CORPORATE NEWS</h2>
		<div class="list-box clearfix">
			<div class="list" ids="5">
				<a href="###">
					<div class="img-box">
						<img src="images/index_03.jpg" alt="">
					</div>
					<h3>SHANGHAI FABRICS AND ACCESSORIES EXHIBITION</h3>
					<i>2021/01/31</i>
					<p>As we are committed to our roots, we are equally dedicated to our work developing ,designing and manufacturing personal safety ......</p>
				</a>
			</div>
			<div class="list">
				<a href="###">
					<div class="img-box">
						<img src="images/index_03.jpg" alt="">
					</div>
					<h3>SHANGHAI FABRICS AND ACCESSORIES EXHIBITION</h3>
					<i>2021/01/31</i>
					<p>As we are committed to our roots, we are equally dedicated to our work developing ,designing and manufacturing personal safety ......</p>
				</a>
			</div>
			<div class="list">
				<a href="###">
					<div class="img-box">
						<img src="images/index_03.jpg" alt="">
					</div>
					<h3>SHANGHAI FABRICS AND ACCESSORIES EXHIBITION</h3>
					<i>2021/01/31</i>
					<p>As we are committed to our roots, we are equally dedicated to our work developing ,designing and manufacturing personal safety ......</p>
				</a>
			</div>
			<div class="list">
				<a href="###">
					<div class="img-box">
						<img src="images/index_03.jpg" alt="">
					</div>
					<h3>SHANGHAI FABRICS AND ACCESSORIES EXHIBITION</h3>
					<i>2021/01/31</i>
					<p>As we are committed to our roots, we are equally dedicated to our work developing ,designing and manufacturing personal safety ......</p>
				</a>
			</div>
			<div class="list">
				<a href="###">
					<div class="img-box">
						<img src="images/index_03.jpg" alt="">
					</div>
					<h3>SHANGHAI FABRICS AND ACCESSORIES EXHIBITION</h3>
					<i>2021/01/31</i>
					<p>As we are committed to our roots, we are equally dedicated to our work developing ,designing and manufacturing personal safety ......</p>
				</a>
			</div>
			<div class="list">
				<a href="###">
					<div class="img-box">
						<img src="images/index_03.jpg" alt="">
					</div>
					<h3>SHANGHAI FABRICS AND ACCESSORIES EXHIBITION</h3>
					<i>2021/01/31</i>
					<p>As we are committed to our roots, we are equally dedicated to our work developing ,designing and manufacturing personal safety ......</p>
				</a>
			</div>
		</div>
		<div class="page">
			<a href="###" class="prev"></a>
			<a href="###" class="on">1</a>
			<a href="###">2</a>
			<a href="###">3</a>
			<a href="###">4</a>
			<a href="###" class="next"></a>
		</div>
	</div>
</div>


<div class="shade"></div>


<div class="pop main text">
	<a href="###"></a>
	<div class="br">
		<a href="###"></a>
	</div>
	<div class="window">
		<div class="newsv">
			<div class="text-box">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore quis mollitia dignissimos blanditiis quo minima possimus illo voluptatibus alias eveniet aliquid ratione numquam laborum voluptate voluptas consequatur iste libero voluptatum?</p>
				<p>Consequatur cum fugit nobis porro iusto deserunt et nisi corporis aperiam nostrum officia assumenda saepe cumque voluptate odit ad sunt minus illum. Harum voluptatum id accusamus dignissimos possimus iste ea!</p>
				<p>Alias ipsam est inventore perspiciatis veritatis unde corporis cupiditate magni repellendus aspernatur non placeat eos obcaecati consequatur accusantium aut excepturi qui molestiae tempora repellat asperiores nisi ea id. Ab iure.</p>
				<p>Placeat eum fuga atque accusamus nulla adipisci dolore fugiat laborum id delectus quis recusandae. Sequi voluptatum sapiente velit rerum est in similique perspiciatis pariatur id dolor sunt iure totam eveniet.</p>
				<p>Aliquid fugit architecto illo impedit eaque praesentium maiores soluta dolor eveniet temporibus. Quisquam quis sed ratione veritatis magnam consectetur amet ea impedit doloremque eos. Quisquam odit possimus eos ratione porro?</p>
				<p>Mollitia sed distinctio minima enim quidem at expedita impedit sint odit in blanditiis voluptates accusamus deserunt praesentium pariatur incidunt quo iure vero nostrum nam doloremque molestias non eos quas suscipit!</p>
				<p>Tempore voluptas facilis unde ipsam nulla nostrum nisi officia cum odit pariatur qui totam assumenda eveniet sit temporibus sed quibusdam. Sit neque ipsum deserunt ipsa aliquam veniam minima non error.</p>
				<p>Iste explicabo aspernatur reprehenderit maiores modi nam vel adipisci commodi temporibus optio ex veritatis unde non rem recusandae eos at dolorem dignissimos libero excepturi nihil. Dolorum temporibus fugiat facilis aliquam.</p>
				<p>Porro fugit consectetur necessitatibus officia facere nobis esse modi quibusdam unde dicta reprehenderit sit magnam voluptate quae omnis quis ab libero in nihil voluptas blanditiis tempora optio minima et maxime.</p>
				<p>Harum mollitia odio soluta ducimus architecto molestiae aliquam inventore placeat aspernatur sapiente deserunt nesciunt id suscipit ex dicta amet et veritatis accusamus iusto repellendus numquam magni beatae alias voluptas quas!</p>
				<p>Eveniet facilis officiis vero mollitia accusantium laudantium sint facere obcaecati aliquam quo praesentium autem. Sit deserunt itaque minima nisi voluptas animi error reprehenderit accusamus sequi delectus quibusdam odit! Rerum recusandae!</p>
				<p>Omnis tenetur labore cum amet quia obcaecati nesciunt et illo ut necessitatibus odit doloribus suscipit iure! Reiciendis voluptas beatae odit enim amet quidem in praesentium ex. Labore atque sequi perspiciatis.</p>
				<p>Reiciendis fuga sint unde a laborum sed officiis aspernatur nobis odio beatae eum eius quibusdam possimus repellat perferendis adipisci nostrum magnam assumenda voluptates consequatur accusamus quis laboriosam sequi vitae amet?</p>
				<p>Sit numquam incidunt temporibus aliquid fugiat earum consequuntur vitae illum velit nihil vero ipsum nulla id aliquam necessitatibus omnis fuga illo officiis consectetur modi ipsam repudiandae recusandae mollitia quaerat nesciunt.</p>
				<p>Nemo cum nostrum consequatur rem reprehenderit recusandae quas ex nam blanditiis numquam voluptatibus non quod quasi repudiandae sit suscipit unde natus ratione hic quos! Unde nihil modi esse sit excepturi.</p>
				<p>Delectus repudiandae nulla voluptatum reiciendis iste veniam rem consequatur. Minus eum excepturi consequuntur reprehenderit facilis eius itaque repudiandae nam magnam beatae. Repudiandae et natus deleniti autem inventore hic doloribus dolorem.</p>
				<p>Quasi mollitia nemo earum quia maiores cum fugiat quod. Libero recusandae pariatur qui quod aliquid nisi ad enim ut officiis asperiores totam ullam eos nihil distinctio fugiat dicta velit non.</p>
				<p>Aperiam vel incidunt doloremque repellat corporis ut sit quas delectus tenetur ad consectetur expedita laborum alias quos dolorem inventore accusamus culpa perferendis error pariatur in fugit cupiditate repellendus veniam ex?</p>
				<p>Et ex fugit dignissimos rerum quidem dolor quis fugiat ab alias temporibus impedit sapiente autem ut sed dolore distinctio dicta aut nobis illo molestias laborum atque minima obcaecati explicabo beatae.</p>
				<p>Cumque suscipit eaque expedita doloremque amet voluptates ipsa quo beatae fugit voluptatibus at magni neque aliquam accusantium fuga a sint ipsum itaque ducimus laborum quod voluptatum eligendi laudantium harum reiciendis.</p>
				<p>Veniam et cum blanditiis nemo rerum debitis illum soluta in voluptate alias iure quidem expedita ratione aperiam deleniti adipisci dignissimos praesentium eum doloremque ipsa porro harum accusamus. Eligendi autem amet.</p>
				<p>Debitis a optio delectus placeat in id iusto labore deleniti at nisi odio earum distinctio cupiditate itaque accusantium facilis eaque tempore sint ut recusandae dolorem et numquam vel harum suscipit.</p>
				<p>Culpa cumque molestiae quibusdam ipsum laborum nobis eligendi illo amet voluptate necessitatibus maiores quod id neque numquam consequuntur nam quis! Reiciendis incidunt totam maiores at reprehenderit repudiandae nobis fugit quod.</p>
				<p>Nemo iure qui. Impedit numquam ipsa itaque doloremque modi incidunt beatae necessitatibus illo voluptatum eum molestiae rerum laboriosam at placeat magni. Atque vero placeat consectetur totam optio delectus esse facere.</p>
				<p>Mollitia facere soluta in ducimus aspernatur voluptatibus eum vitae aliquid ut asperiores eaque qui eveniet recusandae eius odio dolore harum. Porro unde numquam magni architecto tenetur voluptates sequi dolorem autem.</p>
				<p>Perspiciatis fuga corporis quam velit totam nihil veniam dicta earum recusandae aperiam voluptatibus autem saepe aliquid doloremque eos iusto vero numquam officiis nobis accusamus molestias. Consequatur distinctio voluptatum ab quasi!</p>
				<p>Veniam eius eaque eveniet. Aperiam cum voluptas maiores illo rerum molestias repudiandae excepturi autem minus sapiente nobis laboriosam ut velit esse cumque beatae aut mollitia alias in ea ab quaerat.</p>
				<p>Dolorum in ad reiciendis distinctio natus excepturi blanditiis dicta numquam facilis fuga similique debitis sit nesciunt fugit a architecto amet magni nulla atque dignissimos corporis nostrum sed magnam nobis error!</p>
				<p>Porro dolore dolorem maxime distinctio nesciunt eius quo et! Ipsa voluptatem velit enim ut ullam suscipit culpa hic ex ipsam ad rem officiis quibusdam consequuntur atque quia voluptatum deserunt nostrum.</p>
				<p>Ipsam illo sunt architecto sequi quasi ipsum illum omnis reprehenderit. Inventore illum sed nam quae officia expedita enim reprehenderit fugiat quasi commodi optio deleniti repudiandae nisi ab aspernatur dolorum culpa.</p>
				<p>Omnis voluptatibus quidem animi atque quam rem cum rerum consequuntur ipsum eius saepe ab dignissimos vel illum dicta ipsa ducimus. Itaque in enim natus architecto soluta minima aliquam accusamus et.</p>
				<p>Enim ipsa voluptas maiores earum eius officiis odio non perferendis unde impedit id accusamus explicabo nobis facere quo beatae facilis officia laudantium labore ipsum doloremque ea veniam voluptate suscipit ex.</p>
				<p>Iste beatae quaerat vitae doloribus cupiditate ipsum ut possimus molestias totam fugit blanditiis itaque expedita rerum. Amet rem deserunt vero doloribus aliquam aperiam sint similique impedit et excepturi quis animi!</p>
				<p>Accusamus laudantium ab tempora aspernatur veritatis consequuntur possimus illo iure placeat asperiores eum in laborum voluptas ratione voluptates animi non ipsa facere distinctio voluptatum. Quo minima aut molestias cupiditate veniam.</p>
				<p>Laboriosam deserunt molestiae odio quaerat eligendi doloremque quisquam repellat est enim dignissimos dolore harum fugiat soluta fugit quasi officia dolores? Nostrum necessitatibus velit quos pariatur maxime inventore temporibus omnis iure.</p>
				<p>Recusandae placeat consequuntur minima molestiae fuga laudantium nulla blanditiis et rerum quasi commodi itaque beatae officia obcaecati iste quis ratione facilis in? Error eligendi dolore repudiandae explicabo cum sunt nihil!</p>
				<p>Accusamus quas quasi aspernatur eum doloremque blanditiis reprehenderit dolore quaerat architecto commodi accusantium debitis vero veritatis distinctio optio nemo quo inventore atque nam dignissimos expedita enim nobis laboriosam itaque facere?</p>
				<p>Voluptates facilis expedita sint soluta eligendi quo omnis quia deleniti nemo aperiam dolore laudantium neque quam enim laborum maxime temporibus tempore non voluptatibus recusandae nam saepe sunt distinctio ex asperiores?</p>
				<p>Ad ullam doloribus cupiditate magni iure natus id earum a placeat fuga quasi iusto odio assumenda necessitatibus ipsam suscipit eaque distinctio sapiente velit tenetur ipsa similique fugiat nam quaerat repellendus?</p>
				<p>Doloremque quidem deserunt fuga maxime quis possimus debitis aliquid a aperiam illo laudantium voluptatum vel magnam qui laboriosam porro dolores sunt reiciendis voluptate enim dolorum accusamus nulla placeat hic accusantium!</p>
				<p>Nihil voluptatem voluptas quis sit iure numquam sequi ipsa ex dolor velit odio dicta mollitia iste itaque reprehenderit reiciendis hic amet provident. Possimus vitae dicta dolores provident sit asperiores officia.</p>
				<p>Qui non adipisci reiciendis facilis iste repellat esse dicta in eius magni delectus voluptas iusto pariatur veritatis quas praesentium possimus ipsum et excepturi repellendus hic soluta minus vitae expedita temporibus!</p>
				<p>Molestiae magnam non cupiditate quia hic quod eligendi enim vero magni vitae error facere assumenda unde iusto a sunt tenetur deleniti laborum aliquid quisquam repellendus quis ipsum iste? Debitis odit.</p>
				<p>Est eum quia ratione aut assumenda minus velit natus veritatis dicta fuga eveniet illo nobis quidem reiciendis distinctio. Quae debitis laboriosam sint culpa aperiam amet officiis odio numquam doloremque cumque?</p>
				<p>Vitae facere ipsa hic dolor officiis doloribus quae doloremque possimus repellat nihil impedit veniam quis omnis ducimus perspiciatis illum earum. Praesentium enim est blanditiis reprehenderit tempore at sequi suscipit harum.</p>
				<p>Magni ipsa nihil blanditiis saepe vitae. Odio delectus reiciendis ipsam consequatur exercitationem voluptatem voluptatibus sapiente autem illo cum. Omnis ducimus vero saepe ad mollitia iure optio odio iusto temporibus modi!</p>
				<p>Optio vitae tenetur deserunt facere sunt maxime odio aliquam modi ratione corrupti. Ipsum maxime rerum amet facere cupiditate quos similique nam porro maiores cum in earum iure ratione minima molestias.</p>
				<p>Cum totam corrupti culpa at maxime facilis eos sequi qui delectus beatae quod illo soluta officia doloremque quaerat magnam nisi necessitatibus dolor ab saepe illum cupiditate aut voluptates nesciunt perferendis?</p>
				<p>A quibusdam alias facere eligendi possimus veniam reiciendis hic vitae doloribus cum ipsum provident aperiam maiores placeat aspernatur reprehenderit ad non molestias officia dolores esse voluptatum ratione ipsa distinctio sequi!</p>
				<p>Ipsam animi explicabo aut maxime obcaecati sint nesciunt dolorum itaque magni rem ex labore earum officia possimus molestiae exercitationem nisi consectetur facilis quo tenetur perspiciatis ipsum deserunt autem architecto aliquam!</p>
			</div>
		</div>
	</div>
</div>


<div class="pop main number">
	<a href="###"></a>
	<div class="br">
		<a href="###"></a>
		<p>MEMBER CENTER</p>
	</div>
	<div class="window">
		<div class="pedit clearfix">
			<form action="">
				<div class="bl">
					<h3>EDIT</h3>
					<p>
						<span class="nbox">name</span>
						<input type="text" name='name' />
					</p>
					
					<p>
						<span class="nbox">E-mail</span>
						<input type="text" name='email' />
					</p>
					
					<p>
						<span class="nbox">password</span>
						<input type="text" name="password" />
					</p>
					
					<p>
						<span class="nbox">confirm password</span>
						<input type="text" name="password" />
					</p>
					<p>
						<button class="btn">EDIT</button>
					</p>
				</div>
				<div class="br">
					<img src="images/reg-logo_03.jpg" >
				</div>
			</form>
		</div>
		
		<div class="preg clearfix">
			<form action="">
				<div class="bl">
					<h3>REGISTER</h3>
					<p>
						<span class="nbox">name</span>
						<input type="text" name='name' >
					</p>
					
					<p>
						<span class="nbox">E-mail</span>
						<input type="text" name='email' >
					</p>
					
					<p>
						<span class="nbox">password</span>
						<input type="text" name="password" >
					</p>
					
					<p>
						<span class="nbox">confirm password</span>
						<input type="text" name="password" >
					</p>
					
					<p>
						<span class="nbox">company name</span>
						<input type="text" name='cname' >
					</p>
					
					<p>
						<span class="nbox">company address</span>
						<input type="text" name='caddress' >
					</p>
					
					<p>
						<span class="nbox">company tel</span>
						<input type="text" name='ctel' >
					</p>
					
					<p>
						<span class="nbox">real name</span>
						<input type="text" name='aname' >
					</p>
					
					<p>
						<span class="nbox">quality controller</span>
						<input type="text" name='bname' >
					</p>
				</div>
				<div class="br">
					<img src="images/reg-logo_03.jpg" >
					<button class="btn">REGISTER</button>
				</div>
			</form>
		</div>
		
		<div class="puser clearfix">
			<div class="bl">
				<div class="msg">
					<div class="img-box">
						<img src="images/pors_01.jpg" >
					</div>
					<h3>Ableson</h3>
					<a href="###" class="btn">CHANGE THE IMAGE</a>
				</div>
				<div class="welcome">
					<span>Welcome  back to kachun!</span>
					<p>Your last login time:</p>
					<p>2020-12-14 10:51:58</p>
				</div>
			</div>
			<div class="br vip-msg">
				<ul class="clearfix hd">
					<!-- on重复页面 -->
					<li class="on"><a href="###">Information <i>2</i></a></li>
					<li><a href="###">Personal data <i></i></a></li>
					<li><a href="###">Collection <i></i></a></li>
					<li><a href="###">Leaving a message <i></i></a></li>
				</ul>
				
				<ul class="box bd">
					<li class="on">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="text-box clearfix">
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_03.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</li>
					<li>
						<div class="per-data">
							<p> name: </p>
							<p> E-mail: </p>
							<p> company name: </p>
							<p> company address: </p>
							<p> company tel: </p>
							<p> real name: </p>
						</div>
					</li>
					<li>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="text-box clearfix">
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_03.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
										<div class="list">
											<a href="###">
												<div class="img-box">
													<img src="images/pors_02.jpg" >
												</div>
												<p>name</p>
											</a>
											<div class="br">
												<a href="###"></a>
												<button>删除</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</li>
					<li>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="text-box clearfix">
										<div class="contact">
											
											<div class="item">请问这款产品的报价是多少?	<span>回复:1</span></div>
											<div class="ibox on">
												<p class="a">您好!产品不作线上报价,请把相关加工款式服装的资料发到以下邮箱. 谢谢! </p>
												<p class="b"></p>
												
												<form action="">
													<textarea rows="" cols=""></textarea>
													<button>ASKING QUESTIONS</button>
												</form>
											</div>
											<div class="item">请问这款产品的报价是多少?	<span>回复:1</span></div>
											<div class="ibox">
												<p>KC:您好!产品不作线上报价,请把相关加工款式服装的资料发到以下邮箱. 谢谢! </p>
												
												<form action="">
													<textarea rows="" cols=""></textarea>
													<button>ASKING QUESTIONS</button>
												</form>
											</div>
											<div class="item">请问这款产品的报价是多少?	<span>回复:1</span></div>
											<div class="ibox">
												<p>KC:您好!产品不作线上报价,请把相关加工款式服装的资料发到以下邮箱. 谢谢! </p>
												
												<form action="">
													<textarea rows="" cols=""></textarea>
													<button>ASKING QUESTIONS</button>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="swiper-scrollbar"></div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>


<div class="vdialog">
	<h3>提示</h3>
	<div class="vdialog_content">
		<div class="vdialog_message">确认要删除吗？</div>
	</div>
	<div class="vdialog_footer">
		<button class="vbtn">
			<div class="vbtn_content">
				<span class="vbtn_text">取消</span>
			</div>
		</button>
		<button class="vbtn vdialog_confirm">
			<div class="vbtn_content">
				<span class="vbtn_text ">确认</span>
			</div>
		</button>
	</div>
</div>


<div class="footer">
	<div class="main">
		<div class="footer1 clearfix">
			<div class="left">
				<ul class="clearfix">
					<li><a href="###">HOME</a></li>
					<li><a href="###">ABOUT US</a></li>
					<li><a href="###">PRODUCTION</a></li>
					<li><a href="###">PRODUCT</a></li>
					<li><a href="###">CONTACT</a></li>
				</ul>
				<div class="text-box">
					No.38, Baichen Road, Nanchong, Chencun, Shunde, Foshan, <br>					Guangdong, 528313, P.R. China
					<br>
					TEL: 0757-23331223 EXT 8767 &nbsp;&nbsp;&nbsp;&nbsp; FAX: 0757-23331228				</div>
			</div>
			<div class="center">
				<div class="img_box">
					<img src="images/logo-lg.png" >
				</div>
			</div>
			<div class="right">
				<div class="box1">
					<div class="img_box">
						<img src="images/logo.png" alt="">
					</div>
					<p> ENTERPRISE MAILBOX </p>
					<a href="###">LAND</a>
				</div>
				<div class="box2">
					<img src="images/index_01.jpg" alt="">
					<p>CATALOG</p>
				</div>
				<div class="box3">
					<img src="images/index_02.jpg" alt="">
					<p>SCAN QR CODE</p>
				</div>
			</div>
		</div>
	</div>
</div>


<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
	
	// 新闻或视频弹窗
	$('.list-box .list').on('click',function(){
		$('.shade').addClass('on');
		$('.pop.text').addClass('on');
	});
	
</script>
</body>
</html>
